<!DOCTYPE html>
<html>
<head>
    <meta charset='utf-8'>
    <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <title>陈帅的博客后台</title>
    {css href="/static/common/css/layx.min.css,/static/common/bootstrap/css/bootstrap.css,/static/common/css/admin.css"/>
    {js href="/static/common/js/jquery-3.3.1.js,/static/common/bootstrap/js/bootstrap.js,/static/common/js/layx.min.js" /}
    <style>
        /*login 后台登录页面css样式*/
        body{
            background-size: 1920px;
            background-repeat: no-repeat;
            background-image: url("/static/images/bg.jpg");
        }
        a{
            color: whitesmoke;
        }
        a:hover {
            text-decoration:none;
        }
        .container {
            width: 100%;

            color: whitesmoke;
            display: flex;
            flex-flow: column nowrap;
            justify-content: space-between;
        }
        .nav-top {
            height:8%;
            background-color: rgba(10, 10, 10, 0.77);
            border: 2px ridge rgba(238, 238, 238, 0.13);
            border-radius: 5px;
            -moz-box-shadow: 0 -5px 10px 1px rgba(16, 16, 16, 0.57);
            -webkit-box-shadow: 0 -5px 10px 1px rgba(16, 16, 16, 0.57);
            box-shadow: 0 -5px 10px 1px rgba(16, 16, 16, 0.57);
            border-bottom: none;
            border-bottom-left-radius: initial;
            border-bottom-right-radius: initial;
        }
        .nav-ul {
            list-style: none;
            width:100%;
            height: 100%;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        .nav-ul>li:nth-child(1) {
            font-size: 28px;
            flex-grow: 70;
        }
        .nav-ul>li:nth-child(2) {
            flex-grow: 20;
        }
        .main {
            color:black;
            height:90%;
            display: flex;
            justify-content: space-between;
        }
        .main a {
            color:black;
        }
        .left-panel {
            width:12%;
            background-color: rgba(255,250,232,0.5);

        }
        .main-panel {
            width: 85%;
            height:100%;
            background-color: rgba(255,250,232,0.8);

        }
        .endline {
            display: flex;
            justify-content: center;
            align-self: flex-end;
        }
    </style>
</head>
<body>
<div class="container container-fluid">
    <!--头部导航-->
    <div class="nav-top" onmousemove=\HideMenu()\ oncontextmenu="return false" ondragstart="return false" onselectstart ="return false" onselect="document.selection.empty()" oncopy="document.selection.empty()" onbeforecopy="return false" onmouseup="document.selection.empty()">
        <ul class="nav-ul">
            <li><b ><span class="glyphicon glyphicon-home"></span>个人博客后台</b></li>
            <li>欢迎: <b>{$Think.session.uname}</b></li>
            <li><a href="{:url('admin/Login/out')}" onlick="logOut()"><b class="btn btn-danger">安全退出</b></a></li>
        </ul>
    </div>
    <!--左边栏和 内容-->
    <div class="main">
        <div class="left-panel"> {include file="layout/left" /} </div>
        <div class="main-panel"> {block name="main"}{/block}
            <div class="endline">Copyright © 2018 陈帅个人博客后台系统 </div>
        </div>
    </div>
</div>
{js href="/static/common/js/getheight.js" /}
<script>
    /*图片弹窗*/
    $(function(){
        $('img').click(function() {
            var srcc = this.src;
            var src = srcc.replace(/\//g,'AB');
            console.log(src);
            var url = "{:url('index/user/bigimg',['src'=>'SRC'])}";
            var str1 =  url.replace("SRC",src); //将代替变量的字符串用真实变量替换掉
            layx.iframe('asphalt-skin','大图展示',str1,{
                skin:'asphalt',
                moveLimit:{
                    leftOut: false,
                    rightOut: false,
                    topOut: false,
                    bottomOut: false,
                },
                opacity:1
            });
        })
    })
</script>
</body>
</html>